<footer class="footer">
  	<div class="footermax">
  		<div class="footer_left">
  			<p>热线直拔: 027-87391631 027-87523148</p>
			<p>地址: 武汉市洪山区珞狮路122号</p>
			<p>邮箱: wutpadm@whut.edu.cn</p>
  		</div>
  		<div class="footer_right">
  			<!--<div class="footer_left_list" style="margin-right: 0.4rem;">
				<img src="img/banner.png"/>
  				<p class="title">理工学苑</p>
  			</div>-->
  		</div>
  	</div>
	<div class="friendly_link">
		<p class="text">友情链接：</p>
	</div>
	<div class="footerRecord">
		<div class="record">
			<a href="https://beian.miit.gov.cn/#/Integrated/index"><p>理工图书网 2006-2023 .    All Rights Reserved .    鄂ICP备15017753号-1</p></a>
			<div class="modow">
				<img src="static/net110.png"/>
				<a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42011102004108"><span> 鄂公网安备 42011102004108号</span></a>
			</div>
		</div>
	</div>
</footer>
<script>
	var friendly = [];
	var other = [];
	$(function(){
		$.ajax({
			type: "get",
			url: "http://dbs.wutp.com.cn/CM-API/homePageApi/getLinks",
			dataType: "json",
			async: false,
			success: function (res) {
				for(var i = 0;i<res.data.length;i++){
					if(res.data[i].type=='YQLJ'){
						friendly.push(res.data[i])
					}else{
						other.push(res.data[i])
                    }
				}

				for(var m = 0;m<friendly.length ;m++){
					console.log(friendly.length)
					if(m == friendly.length - 1){
						$(".friendly_link").each(function(){
							$(this).append(
									"<a href='"+friendly[m].content+"'><p class='text'>"+friendly[m].title+"</p></a>" +
									"</div>"
							)
						})
					}else{
						$(".friendly_link").each(function(){
							$(this).append(
									"<a href='"+friendly[m].content+"'><p class='text'>"+friendly[m].title+"&nbsp|&nbsp</p></a>" +
									"</div>"
							)
						})
					}
				}

				for(var j = 0;j<other.length;j++){
					$(".footer_right").each(function(){
						$(this).append(
								"<div class='footer_left_list' style='margin-right: 0.4rem;'>" +
								"<img src=http://dbs.wutp.com.cn/CM-API"+other[j].content+"><p class='text'>"+other[j].title+"</p>" +
								"</div>"
						)
					})
				}
			}
		});
	})</script>
  <style>
  	.footer {
  		width: 100%;
  		background-color: #212f52;
  	}

  	.footermax {
  		margin: 0 1.54rem;
  		padding: 0.5rem 0;
  		display: flex;
  		align-items: flex-start;
		justify-content: space-between;
  	}

  	.footer_left {
  		
  	}
	.footer_left p{
		color: #fff;
		font-size: 0.15rem;
		margin-bottom: 0.1rem;
	}

  	.footer_left_list {
  		margin-right: 1.53rem;
		text-align: center
  	}

  	.footer_left_list p {
  		font-size: 0.15rem;
  		font-family: Source Han Sans CN;
  		color: #ffffff;
		text-align: center;
		align-content: center;
  	}

	.footer_right{
		display: flex;
	}
	.footer_right img{
		width: 1.1rem;
		height: 1.1rem;
	}
	
	.friendly_link {
		display: flex;
		align-items: center;
		margin: 0 1.54rem 0.36rem;
	}
	.friendly_link .text{
		color: #d0cfd4;
		font-size: 0.15rem;
	}

	.footerRecord{
		border-top: #535353 0.01rem solid;
		
	}
	.record{
		margin: 0 1.54rem;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		height: 0.68rem;
	}
	.record p{
		color: #BBBBBB;
		font-size: 0.16rem;
	}
	
	.record .modow{
		display: flex;
		align-items: center;
	}
	.record .modow img{
		width: 0.22rem;
		margin-right: 0.08rem;
	}
	.record .modow span{
		font-size: 0.16rem;
		color: #fff;
		line-height: 0.16rem;
	}
  </style>
